<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>哈尔滨信息工程学院医院门诊系统</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f5f5f5;
        }

        .header {
            background-color: #4CAF50;
            color: white;
            padding: 20px;
            text-align: center;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .card-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 30px;
        }

        .card {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            padding: 20px;
            flex: 1;
            min-width: 300px;
            text-align: center;
            transition: transform 0.3s;
        }

        .card:hover {
            transform: translateY(-5px);
        }

        .card-icon {
            font-size: 48px;
            margin-bottom: 15px;
        }

        .card h3 {
            margin: 0 0 15px 0;
            color: #333;
        }

        .card p {
            color: #666;
            margin-bottom: 20px;
        }

        .btn {
            background-color: #4CAF50;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            transition: background-color 0.3s;
        }

        .btn:hover {
            background-color: #45a049;
        }

        .doctor-login {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: #2196F3;
            color: white;
            padding: 10px 20px;
            border-radius: 30px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
            text-decoration: none;
            font-weight: bold;
        }

        .doctor-login:hover {
            background-color: #0b7dda;
        }
    </style>
</head>
<body>
    <div class="header">
        <h1>哈尔滨信息工程学院医院门诊系统</h1>
        <p>为您提供便捷、高效的医疗服务</p>
    </div>

    <div class="container">
        <div class="card-container">
            <div class="card">
                <div class="card-icon">🏥</div>
                <h3>智能挂号</h3>
                <p>通过AI助手，快速完成挂号流程</p>
                <button class="btn" onclick="window.location.href='/hospital/patient/appointment'">立即挂号</button>
            </div>

            <div class="card">
                <div class="card-icon">👨‍⚕️</div>
                <h3>科室介绍</h3>
                <p>了解各科室特色及医生信息</p>
                <button class="btn" onclick="showDepartments()">查看科室</button>
            </div>

            <div class="card">
                <div class="card-icon">📅</div>
                <h3>就诊指南</h3>
                <p>就诊流程及注意事项</p>
                <button class="btn" onclick="showGuide()">查看指南</button>
            </div>
        </div>
    </div>

    <a href="/hospital/doctor/login" class="doctor-login">医生登录</a>

    <script>
        function showDepartments() {
            alert("医院设有内科、外科、儿科、妇产科、眼科、耳鼻喉科等多个科室，为您提供全方位的医疗服务。");
        }

        function showGuide() {
            alert("就诊指南：\n1. 挂号：可通过线上或现场挂号\n2. 候诊：按挂号顺序等候就诊\n3. 就诊：向医生详细描述病情\n4. 缴费：根据医生开具的处方缴费\n5. 取药：凭缴费凭证取药\n6. 复诊：按医嘱定期复诊");
        }
    </script>
</body>
</html>
